<template>
	<view class="member">
		<view class="block" @click="goToListLink()">
			<view class="vip-icon">
				<image mode="widthFix" src="../../../static/images/VIP.png" class="image"></image>
			</view>
			<view class="desc">
				<view class="title">
					<text>Muu云课堂V2会员</text>
				</view>
				<view class="info">
					<text>尊享专属会员权益</text>
				</view>
			</view>
		</view>
	</view>
</template>

<script>
	export default {
		name: 'Member',
		props: {
			title: {
				type: String,
				default: '会员服务'
			},
			type: {
				type: String,
				default: 'member',
			},
		},
		data() {
			return {
				
			}
		},
		created() {
			//console.log(JSON.stringify(this.params))
		},
		methods: {
			goToListLink: function(){
				let url = '../../pages/member/list'
				console.log(url)
				//指定跳转地址
				uni.navigateTo({
				    url: url
				});
			}
		}
	}
</script>

<style lang="scss">
	.member {
		margin: 10px;
		.block {
			position: relative;
			display: flex;
			flex-wrap: wrap;
			background: #444;
			padding: 10rpx 30rpx;
			border-radius: 10rpx;
			font-size: 14px;
			color: #D9B68B;
			z-index: 10;
			.vip-icon {
				width: 120rpx;
				.image {
					width: 100rpx;
				}
			}
			.desc {
				.title {
					color: #D9B68B;
					line-height: 48rpx;
				}
				.info {
					color: #999;
					line-height: 48rpx;
				}
			}
		}
	}

</style>
